<template>
  <div>
    <Navbar class="topNav">
      <span slot="navMiddle">我的档案</span>
    </Navbar>
    <Login />
    <Info />
    <ListInfo :list="list1" class="list1" />
    <ListInfo :list="list2" />
  </div>
</template>

<script>
import Navbar from "components/commom/navbar/Navbar";
import Login from "./childcomponent/login";
import Info from "./childcomponent/info";
import ListInfo from "./childcomponent/listInfo";
export default {
  components: {
    Navbar,
    Login,
    Info,
    ListInfo,
  },
  data() {
    return {
      list1: [
        { img: require("assets/img/Profile/mes.png"), text: "我的消息" },
        { img: require("assets/img/Profile/c.png"), text: "积分商城" },
        { img: require("assets/img/Profile/vip.png"), text: "会员卡" },
      ],
      list2: [
        { img: require("assets/img/Profile/shopcart.png"), text: "我的购物车" },
        { img: require("assets/img/Profile/app.png"), text: "下载购物App" },
      ],
    };
  },
};
</script>

<style scoped>
.topNav {
  background-color: var(--bgColor);
  color: #fff;
}
.list1 {
  border-bottom: 12px solid #eee;
}
</style>